<template>
	<view class="content">
		 <view class="uni-padding-wrap">
		            <view class="page-section swiper">
		                <view class="page-section-spacing">
		                    <swiper class="swiper" easing-functio="linear" indicator-active-color="#CEA46C" indicator-color="#888" :indicator-dots="indicatorDots" :autoplay="autoplay" :interval="interval" :duration="duration">
		                        <swiper-item v-for="(item,index) in bannerList" :key="index">
		                            <image :src="item.url"></image>
		                        </swiper-item>
		                       
		                    </swiper>
		                </view>
		            </view>
					</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				 bannerList: [
					 {url:"../../static/img/banner1.png"},
					 {url:"../../static/img/banner2.png"},
					 {url:"../../static/img/banner1.png"},
					 {url:"../../static/img/banner2.png"},
					 ],
				            indicatorDots: true,
				            autoplay: false,
				            interval: 2000,
				            duration: 500,
							
			}
		},
		onLoad() {

		},
		methods: {

		}
	}
</script>

<style>
	@import url("./index.css");

</style>
